<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园百社通-广场</title>
    <link href="../.style/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <script>
        function borrow() {
            alert("申请成功！");
        }
        function sign() {
            alert("标记成功！");
        }
    </script>

    <div>
        <span class="main"> 主界面 </span>
    </div>
    <nav>
        <ul>
            <li><a href="index1.html" class="square">广场 </a> </li>
            <li><a href="index2.html" class="og">组织 </a></li>
            <li><a href="mypages.html" class="mypages">我的 </a></li>
    </nav>
    <div class="item">
        <img src="../images/物资/打气筒.png" alt="打气筒" class="itempic" />
        <p class="name">物资：打气筒</p>
        <p class="belong">所属社团：校团委</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>

    <div class="item">
        <img src="../images/物资/喇叭.png" alt="喇叭" class="itempic" />
        <p class="name"> 物资：喇叭</p>
        <p class="belong">所属社团：校学生会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>

    <div class="item">
        <img src="../images/物资/木椅子.png" alt="木椅子" class="itempic" />
        <p class="name"> 物资：木椅子</p>
        <p class="belong">所属社团：校团委</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/木桌子.png" alt="木桌子" class="itempic" />
        <p class="name"> 物资：木桌子</p>
        <p class="belong">所属社团：校学生会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/小桌子.png" alt="小桌子" class="itempic" />
        <p class="name"> 物资：小桌子</p>
        <p class="belong">所属社团：校青年志愿者协会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/宣传栏.png" alt="宣传栏" class="itempic" />
        <p class="name"> 物资：宣传栏</p>
        <p class="belong">所属社团：校学生会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/移动音响.png" alt="移动音响" class="itempic" />
        <p class="name"> 物资：移动音响</p>
        <p class="belong">所属社团：校青年志愿者协会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="物资/有线话筒.png" alt="有线话筒" class="itempic" />
        <p class="name"> 物资：有线话筒</p>
        <p class="belong">所属社团：校团委</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/帐篷.png" alt="帐篷" class="itempic" />
        <p class="name">物资：帐篷</p>
        <p class="belong">所属社团：校学生会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>
    <div class="item">
        <img src="../images/物资/遮阳棚.png" alt="遮阳棚" class="itempic" />
        <p class="name"> 物资：遮阳棚</p>
        <p class="belong">所属社团：校青年志愿者协会</p>
        <div class="mark">
            <button type="submit" onclick="borrow()">租借</button>
            <button>详细</button>
            <button onclick="sign()">标记</button>
        </div>
    </div>

</body>

</html>